import {StyleSheet,Dimensions} from 'react-native';

import themeconfig from '../../config/theme'

const {width,height} = Dimensions.get("window");

const styles = StyleSheet.create({
    tabBarUnderlineStyle: {
        backgroundColor: themeconfig.maincolor,
        height: 2
    },
    toolbar: {
        backgroundColor: '#0A9D35',
        height: 56
    },
    naviTopPadding: {
        paddingTop: 0,
        flex: 1,
        flexDirection: 'column',
        backgroundColor: 'white'
    },
    blackFont: {
        color: 'black',
        fontSize: 16
    },
    whiteFont: {
        color: 'white',
        fontSize: 16
    },
    orderContent: {
        margin: 10,
        flex: 1,
        flexDirection: 'column'
    },
    grayFont: {
        color: 'gray',
        fontSize: 14
    },
    greenFont: {
        color: '#0A9D35',
        fontSize: 14
    },
    grayMarginFont: {
        color: 'gray',
        fontSize: 14,
        marginTop: 10
    },
    redFont: {
        color: 'red',
        fontSize: 20
    },
    buttonGreenStyle: {
        backgroundColor: "white",
        borderWidth: 1,
        borderColor: "#0A9D35",
        width: 80,
        height: 30,
        marginLeft: 10,
        borderRadius: 15,
        justifyContent: 'center',
        alignItems: 'center'
    },
    buttonRedStyle: {
        backgroundColor: "white",
        borderWidth: 1,
        borderColor: "red",
        width: 80,
        height: 30,
        marginLeft: 10,
        borderRadius: 15,
        justifyContent: 'center',
        alignItems: 'center'
    },
    modalBackground: {
        backgroundColor: 'rgba(0,0,0,0.5)',
        flex: 1,
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center'
    },
    modalContainer: {
        borderRadius: 5,
        flexDirection: 'column',
        backgroundColor: 'white',
        alignItems: 'center',
        justifyContent: 'center',
        width: width*90/100,
        height: 200
    },
    modalItemContainer: {
        flex: 1,
        flexDirection: 'column',
        backgroundColor: 'white',
        alignItems: 'center',
        justifyContent: 'flex-end'
    },
    modalInputText: {
        width: width*80/100,
        height: 40,
        borderWidth: 1,
        borderColor: "#eee",
        padding: 5
    },
    modalButtonGroup: {
        height: 50,
        flexDirection: 'row',
        alignItems: 'center'
    },
    modalButtonLeft: {
        flex: 1,
        height: 50,
        alignItems: 'center',
        justifyContent: 'center',
        backgroundColor: "#eee"

    },
    modalButtonRight: {
        flex: 1,
        height: 50,
        alignItems: 'center',
        justifyContent: 'center',
        backgroundColor: "#0A9D35"
    },
    container: {
        flex: 1,
    },
    tabbar: {
        backgroundColor: 'white'
    },
    indicator: {
        backgroundColor: themeconfig.maincolor
    },
    label: {
        color: themeconfig.maincolor,
        fontWeight: 'bold',
        marginTop: 8,
        marginBottom:8,
    }
});

export default styles;